import React, { useEffect } from 'react';
import { Row, Col } from 'antd'
import './index.less'

const Percent = ({percent=0}) => {

	useEffect(() => {

		return () => {}
	}, [])



	return (
		<Row type={'flex'}>
			<div className={'progress-body'}>
				<div className={'progress-done'} style={{width: percent>0?percent+'%':0}}>
					<div className={'percent-text'}>
						{percent.toFixed(1)}%
					</div>
				</div>
			</div>
		</Row>
	);
};

export default Percent;
